<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>友情链接管理页面</title>
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/controls/jquery-easyui-1.3.3/themes/default/easyui.css" />
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/controls/jquery-easyui-1.3.3/themes/icon.css" />
<script type="text/javascript" src="${pageContext.request.contextPath}/controls/jquery-easyui-1.3.3/jquery.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/controls/jquery-easyui-1.3.3/jquery.easyui.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/controls/jquery-easyui-1.3.3/locale/easyui-lang-zh_CN.js"></script>
<script type="text/javascript">
	var url;
	
	function deleteLink() {
		var selectedRows = $("#dg").datagrid("getSelections");
		if(selectedRows.length == 0) {
			$.messager.alert("系统提示", "请选择要删除的数据!");
			return;
		}
		var idStr = [];
		for(var i = 0; i < selectedRows.length; i++) {
			idStr.push(selectedRows[i].linkId);
		}
		
		var ids = idStr.join(",");
		$.messager.confirm("系统提示", "您确定要删除这<span style='color:red;'>" + selectedRows.length + "</span>条数据吗？", function(r) {
			if(r) {
				$.post("${pageContext.request.contextPath}/admin/link/delete.do", {
					ids : ids
				}, function(result) {
					if(result.success) {
						$.messager.alert("系统提示", "数据已成功删除!");
						$("#dg").datagrid("reload");
					} else {
						$.messager.alert("系统提示", "数据删除失败!");
					}
				}, "json");
			}
		});
	}	
	
	function openLinkAddDialog() {
		$("#dlg").dialog("open").dialog("setTitle", "添加友情链接信息");
		url = "${pageContext.request.contextPath}/admin/link/save.do";
	}
	
	function openLinkModifyDialog() {
		var selectedRows = $("#dg").datagrid("getSeletions");
		if(selectedRows.length != 1) {
			$.messager.alert("系统提示", "请选择一个要修改的友情链接!");
			return;
		}
		var row = selectedRows[0];
		$("#dlg").dialog("open").dialog("setTitle", "修改友情链接信息");
		$("#fm").form("load", row);
		url = "${pageContext.request.contextPath}/admin/link/save.do?linkId=" + row.linkId;
	}
	
	function saveLink() {
		$("#fm").form("submit", {
			url : url,
			onSubmit : function() {
				return $(this).form("validate");
			},
			success : function(result) {
				var result = eval("(" + result + ")");
				if(result.success) {
					$.messager.alert("系统提示", "友情链接保存成功!");
					resetValue();
					$("#dlg").dialog("close");
					$("#dg").datagrid("reload");
				} else {
					$.messager.alert("系统提示", "友情链接保存失败!");
					return;
				}
			}
		});
	}
	
	function resetValue() {
		$("#linkName").val("");
		$("#linkURL").val("");
		$("#orderNum").val("");
	}
	
	function closeLinkDialog() {
		$("#dlg").dialog("close");
		resetValue();
	}
</script>
</head>
<body style="margin: 1px">
	<table id="dg" title="友情链接管理" class="easyui-datagrid" url="${pageContext.request.contextPath}/admin/link/listLink.do" fitColumns="true" 
		pagination="true" fit="true" toolbar="#tb">
		<thead>
			<tr>
				<th field="cb" checkbox="true" align="center"></th>
				<th field="linkId" width="20" align="center">编号</th>
				<th field="linkName" width="200" align="center">友情链接名称</th>
				<th field="linkURL" width="200" align="center">友情链接地址</th>
				<th field="orderNum" width="100" align="center">排序序号</th>
			</tr>
		</thead>
	</table>
	<div id="tb">
		<div>
			<a href="javascript:openLinkAddDialog()" class="easyui-linkbutton" iconCls="icon-add" plain="true">添加</a>
			<a href="javascript:openLinkModifyDialog()" class="easyui-linkbutton" iconCls="icon-edit" plain="true">修改</a>
			<a href="javascript:deleteLink()" class="easyui-linkbutton" iconCls="icon-remove" plain="true">删除</a>
		</div>			
	</div>
	<div id="dlg" class="easyui-dialog" style="width:500px; height:200px; padding: 10px 20px;" closed="true" buttons="#dlg-buttons">
		<form id="fm" method="post">
			<table cellspacing="8px">
				<tr>
					<td>友情链接名称</td>
					<td>
						<input type="text" id="linkName" name="linkName" class="easyui-validatebox" required="true"/>
					</td>
				</tr>
				<tr>
					<td>友情链接地址</td>
					<td>
						<input type="text" id="linkURL" name="linkURL" class="easyui-validatebox" required="true" validateType="url" style="width:250px;"/>
					</td>
				</tr>
				<tr>
					<td>友情链接排序</td>
					<td>
						<input type="text" id="orderNum" name="orderNum" class="easyui-numberbox" required="true" style="width:60px;"/>
						&nbsp;(友情链接会根据序号从小到大排列)
					</td>
				</tr>				
			</table>
		</form>
	</div>
	<div id="dlg-buttons">
		<div>
			<a href="javascript:saveLink()" class="easyui-linkbutton" iconCls="icon-ok" plain="true">保存</a>
			<a href="javascript:closeLinkDialog()" class="easyui-linkbutton" iconCls="icon-cancel" plain="true">关闭</a>
		</div>
	</div>
</body>
</html>